<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>交集选择器</title>
    <style>
        .rich {
          color: gold;
        }
        .beauty {
          color: red;
        }
        /* 将小狗旺财和小猪佩奇改为绿色,注意:要把元素标签写在前面 */
        p.beauty {
          color: green;
        }
        /* 可以重复使用但不建议 */
        .beauty.rich {
          color: orange;
        }
        /* id也可以 加进来 但是有了id前面的都不用加 多此一举 */
        p.beauty#wc {
          color: blue;
        }
    </style>
</head>
<body>
  <h2 class="rich">土豪张三</h2>
  <h2 class="beauty">明星李四</h2>
<!--  这个只会根据style中的顺序添加样式 跟；类名的顺序无关  -->
  <h2 class="beauty rich">明星土豪王五</h2>
  <hr>
  <p class="beauty">小猪佩奇</p>
  <p class="beauty" id="wc">小狗旺财</p>
</body>
</html>